
<template>
<view class="content">
    	<view class="listcontent"  v-for="shop in shops" :key="shop.id" >
				<view class="listitem">
                   <img :src="shop.imgUrl"  style="width: 80px;height: 80px;" />	
				</view>
				<view class="listitem listcon">
					{{shop.name}}
					<view class="listrow">
					   <view>月售：{{shop.sales}}</view>
					   <view>起送：{{shop.expressLimit}}</view>
					   <view>基础运费：{{shop.expressPrice}}</view>
				   </view>
				   <view style="color:red">{{shop.slogan}}</view>

				</view>
				

		</view>

</view>
    
</template>

<script>
	import Config from '@/Config.js'
export default {
	data() {
      return {
       shops: [],
      }
    },
	onLoad(options) {
		this.shopsdata()
    },
    methods: {
      shopsdata(id) {
		 console.log()
         uni.request({
           url: Config.api_host+`/hotList`,
           success: (res) => {
              this.shops = res.data
           },
        })
      }
    }



  
};
</script>


<style scoped>
.content  .listcontent{
		margin-top: 20px;
		width: 100%;
		display: flex;
		flex-direction: row;
		border-top: 1px solid grey;
		margin-left: 20px;
		padding-top: 20px;

	}
	.content .listcontent .listitem .listrow{
		display: flex;
		flex-direction: row;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.content  .listcontent .listitem .listrow view{
		margin-right: 10px;
	}
	.content .listcontent .listcon{
		margin-left: 30px;
		font-size:14px

	}
	
</style>